<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/gy.css">
    <script src="js/all.js"></script>
<body>
    <div id="gunlun">
        <div class="gunlun1">
            <div class="gunlun-logo"></div>
            <div class="gunlun-ask"></div>
        </div>
    </div>
    <div class="logo">
        <div class="logomid">
            <a href="">
                <div class="logo1"></div>
            </a>
            <div class="navcity">
                <a href="">
                    <i class="icon-poi"></i>
                </a>
                <a href="" class="nav-city-selected">
                    杭州
                </a>
                <a href="" class="switchover-city">
                    [切换城市]
                </a>
            </div>
            <div class="nav">
                <a href="../index/index.html" class="nav0" style="color: #00d7c6;;">首页</a>
                <a href="../job/job.html" class="nav0">职位</a>
                <a href="../company/company.html" class="nav0">公司</a>
                <a href="" class="nav0">APP</a>
                <a href="../message/message.html" class="nav1">资讯</a>
            </div>
            <div class="usernav">
                <a href="">上传简历</a>
                <a href="">我要找工作
                    <span class="hot">hot</span>
                </a>
                <a href="">我要招聘</a>
                <a href="">注册</a>
                <a href="">登录</a>
            </div>
        </div>
    </div>
    <div style="background-color: #fff;">
        <div class="search">
            <div class="ask">
                <div class="ask-left">
                    <div class="ask-left-1">
                        <b>全国</b>
                        <i></i>
                        <s></s>
                    </div>
                    <div class="ask-left-2">
                        <input type="text" placeholder="搜索职位，公司">
                        <i></i>
                    </div>
                    <div class="ask-left-3">
                        <b>职位类型</b>
                        <i></i>
                        <s></s>
                    </div>
                    <div class="ask-left-4">
                        <b>公司行业</b>
                        <s></s>
                    </div>
                </div>
                <div class="ask-right">

                </div>
            </div>
        </div>

        <div class="city">
            <div id="city1">
                <div id="city01">
                    <span>杭州</span>
                    <i></i>
                </div>
                <div id="city02" style="width: 72px;">
                    <span>杭州</span>
                    <i></i>
                </div>
                <div id="city03">
                    <span>全部城市：</span>
                </div>
                <s>全部城市</s>
            </div>

            <div id="xihu">
                <a href="" style="color: #fc6c38;">不限</a>
            </div>
            <div id="job">
                <span>清空筛选条件</span>
            </div>
        </div>

    </div>

    <div id="jobs">
        <div id="jobleft">

            <div id="jobleft1">
                <ul id="jobleft1jobs">
                </ul>
                <div id="page">
                        <div id="page2">
                            <a href="" id="left-01"><</a>
                            <a href="" style="background: #00d7c6;color: #fff;">1</a>
                            <a href="">2</a>
                            <a href="">3</a>
                            <span>...</span>
                            <a href="" id="right-01">></a>
                        </div>
                  </div>
            </div>

           

        </div>
        <div id="jobright">
            <div class="phone">
                <p>各大行业职位任你选择</p>
                <div class="phone1">
                    <div class="phonenum">
                        <i></i>
                        <input type="text" class="phonenum1" placeholder="手机号">
                        <div class="quyu">
                            <span>+86</span>
                            <s></s>
                            <div class="diqunum" style="display: none;">
                                <select name="" id="" autofocus required multiple size="">
                                    <optgroup label="">
                                        <option data-val="+86"><span class="num">中国大陆</span>+86</option>
                                        <option data-val="+852"><span class="num">中国香港</span>+852</option>
                                        <option data-val="+853"><span class="num">中国澳门</span>+853</option>
                                        <option data-val="+886"><span class="num">中国台湾</span>+886</option>
                                        <option data-val="+1"><span class="num">美国</span>+1</option>
                                        <option data-val="+81"><span class="num">日本</span>+81</option>
                                        <option data-val="+44"><span class="num">英国</span>+44</option>
                                        <option data-val="+82"><span class="num">韩国</span>+82</option>
                                        <option data-val="+33"><span class="num">法国</span>+33</option>
                                        <option data-val="+7"><span class="num">俄罗斯</span>+7</option>
                                        <option data-val="+39"><span class="num">意大利</span>+39</option>



                                </select>
                            </div>
                        </div>
                    </div>

                    <div id="div2">

                        <p>请按住滑块，拖动到最右边<b class="shan"></b></p>
                        <div id="div1">>>></div>
                    </div>

                    <div class="duanxin">
                        <i></i>
                        <input type="text" placeholder="短信验证码">
                        <s></s>
                        <a href="">发送验证码</a>
                    </div>

                    <div class="denglu">
                        登录/注册
                    </div>

                    <div class="tips">
                        <input type="checkbox">
                        <span>我已同意用户协议及隐私政策</span>
                    </div>
                </div>
                <div class="shui">
                    <canvas id="canvas" style="position:absolute;"></canvas>
                </div>
            </div>

            <div class="chuan">
                <div class="chuan1">上传简历一键注册</div>
            </div>

            <div class="looked">
                <div class="looked1">看过的职位</div>
            </div>

            <div class="ceshi">
                <div class="ceshi1">
                    <p>五维职业性格评测</p>
                    <i></i>
                    <span>专业分析职场优势</span>
                    <a href="">立即测试</a>
                </div>
            </div>

            <div class="job-img">
                <img src="img/pro-1.png" alt="">
            </div>
            <div class="job-img">
                <img src="img/pro-2.png" alt="">
            </div>
        </div>

    </div>

    <div class="qiye">
        <div class="qiye1">
            <div class="qiye-zuo">
                <div>
                    <p>企业服务</p>
                    <a href="">职位搜索</a>
                    <a href="">新闻资讯</a>
                    <a href="">BOSS直聘APP</a>
                    <a href=""></a>
                </div>
                <div>
                    <p>使用与帮助</p>
                    <a href="">用户协议与隐私</a>
                    <a href="">防骗指南</a>
                    <a href="">职位发布规则</a>
                    <a href="">使用帮助</a>
                </div>
                <div>
                    <p>北京华品博睿网络技术有限公司</p>
                    <span>公司地址 北京市朝阳区太阳宫中路8号冠捷大厦302</span>
                    <span> 联系电话 010-84150633</span>
                    <span>违法和不良信息举报邮箱: <a href="" style="display: inline-block;">jubao@kanzhun.com</a> </span>
                    <span></span>
                </div>
            </div>
            <div class="qiye-you">
                <div class="footlogo"><img src="img/logo00001.png" alt=""></div>
                <p>企业服务热线和举报投诉 <span>400 065 5799</span></p>
                <p>工作日 <span>7:30 - 18:30</span></p>
                <p>休息日 <span>9:30 - 18:30</span></p>
            </div>
            <div class="copyright">
                <p>
                    <span>Copyright © 2019 BOSS直聘</span>
                    <span>京ICP备14013441号-5</span>
                    <span>京ICP证150923号</span>
                    <a href=""><img src="img/hong1.png" alt=""> 电子营业执照</a>
                    <a href="">京公网安备11010502032801</a>
                    <a href=""><img src="img/hong2.png" alt=""> 首都网警</a>
                    <a href="">人力资源服务许可证</a>
                    <div class="p-img">
                        <div class="weibo"></div>
                        <div class="weixin">
                            <div class="weixin1"><img src="img/we_chat_qr.jpg" alt=""></div>
                        </div>
                        <div class="othermore"></div>
                    </div>
                </p>
            </div>
        </div>
    </div>

    <div class="lianjie">
        <div id="lianjie1">
            <div id="friend">
                友情链接：
            </div>
            <div id="f-link">
                <a href="https://www.hc360.com" target="_blank" ka="friendly-link-1">慧聪网</a>
                <a href="https://www.tianyancha.com/" target="_blank" ka="friendly-link-2">天眼查</a>
                <a href="https://www.qichacha.com/" target="_blank" ka="friendly-link-3">企查查</a>
                <a href="http://www.koolearn.com/" target="_blank" ka="friendly-link-4">新东方在线</a>
                <a href="https://www.dianzhangzhipin.com/" target="_blank" ka="friendly-link-5">兼职</a>
                <a href="http://www.ximalaya.com/" target="_blank" ka="friendly-link-6">有声小说</a>
                <a href="http://www.11467.com/" target="_blank" ka="friendly-link-7">顺企网</a>
                <a href="https://www.dianzhangzhipin.com/job/" target="_blank" ka="friendly-link-8">找工作</a>
                <a href="https://www.chazidian.com/" target="_blank" ka="friendly-link-9">查字典</a>
                <a href="http://www.cnmo.com" target="_blank" ka="friendly-link-10">手机中国</a>
                <a href="http://www.17house.com/" target="_blank" ka="friendly-link-11">装修</a>
                <a href="https://www.jiankang.com/" target="_blank" ka="friendly-link-12">百姓健康网</a>
                <a href="http://xcabc.com" target="_blank" ka="friendly-link-13">西游汽车网</a>
                <a href="https://www.qianzhan.com" target="_blank" ka="friendly-link-14">前瞻网</a>
                <a href="https://www.ppkao.com/" target="_blank" ka="friendly-link-15">考试资料网</a>
                <a href="http://www.qianlima.com/" target="_blank" ka="friendly-link-16">招标网</a>
                <a href="http://www.kongfz.com/" target="_blank" ka="friendly-link-17">孔夫子旧书网</a>
                <a href="http://www.zx123.cn" target="_blank" ka="friendly-link-18">装修网</a>
                <a href="https://www.zbj.com/" target="_blank" ka="friendly-link-19">猪八戒网</a>
                <a href="http://www.zgsydw.com" target="_blank" ka="friendly-link-20">中公事业编</a>
                <a href="http://www.managershare.com/" target="_blank" ka="friendly-link-21">经理人分享</a>
                <a href="http://588ku.com/" target="_blank" ka="friendly-link-22">图片素材</a>
                <a href="http://www.to8to.com/" target="_blank" ka="friendly-link-23">装修网</a>
                <a href="http://www.jiameng.com" target="_blank" ka="friendly-link-24">加盟</a>
                <a href="https://www.eduego.com/" target="_blank" ka="friendly-link-25">在职研究生</a>
                <a href="http://2018.cn/" target="_blank" ka="friendly-link-26">2018信息港</a>
                <a href="http://www.loupan.com/" target="_blank" ka="friendly-link-27">楼盘网</a>
                <a href="http://www.64365.com" target="_blank" ka="friendly-link-28">律师</a>
                <a href="http://www.okcis.cn/" target="_blank" ka="friendly-link-29">招标网</a>
                <a href="http://www.mfcad.com" target="_blank" ka="friendly-link-30">CAD图纸</a>
                <a href="https://www.qccip.com" target="_blank" ka="friendly-link-31">权查查</a>
                <a href="https://www.chinapp.com/" target="_blank" ka="friendly-link-32">中国品牌网</a>
                <a href="https://www.smzdm.com/" target="_blank" ka="friendly-link-33">什么值得买</a>
                <a href="https://www.zhipin.com/gongsi_list/" target="_blank" ka="friendly-link-34">公司招聘列表</a>
                <a href="https://www.1905.com/" target="_blank" ka="friendly-link-35">电影网</a>
            </div>
            <div id="down-up">
                <div id="down" style="display: none;">
                    <span>展开</span>
                    <i id="down1"></i>
                </div>
                <div id="up">
                    <span>收起</span>
                    <i id="up1"></i>
                </div>
            </div>
        </div>
    </div>

    <div id="theright">
        <ul id="theup">
            <li class="theupup">
                <div>
                    <img src="img/xin1.png" alt="">
                    <img src="img/xin2.png" alt="" class="xin1">
                </div>
                <span class="xintxt">感兴趣</span>
            </li>
            <li class="theupup">
                <div>
                    <img src="img/duihua1.png" alt="">
                    <img src="img/duihua2.png" alt="" class="xin1">
                </div>
                <span class="xintxt">沟通过</span>
            </li>
            <li class="theupup">
                <div>
                    <img src="img/toudi1.png" alt="">
                    <img src="img/toudi2.png" alt="" class="xin1">
                </div>
                <span class="xintxt">已投递</span>
            </li>
            <li class="theupup">
                <div>
                    <img src="img/mianshi1.png" alt="">
                    <img src="img/mianshi2.png" alt="" class="xin1">
                </div>
                <span class="xintxt">面试</span>
            </li>





        </ul>
        <ul id="thedown">
            <li class="theupup1">
                <div class="thedown1"><img src="img/shang1.png" alt=""></div>
            </li>
            <li class="theupup1">
                <p class="thedowntxt">反馈</p>
            </li>
            <li class="theupup1">
                <p class="thedowntxt">微信</p>
                <div class="thedownimg"></div>
            </li>
            <li class="theupup1">
                <p class="thedowntxt">APP</p>
                <div class="thedownimg"></div>
            </li>
        </ul>
    </div>


</body>

</html>